<template>
	<view>
		<view class="ml24 mr24 mt24">
			<view class="bgfff bdra20 pt24 pb24">
				<view class="dsf jcc flex-row">
					<text class="fz32 col333">{{$root.m0}}</text>
				</view>
				<view class="dsf jcc flex-row pt20">
					<text class="fz26 col999">{{$root.m1}}</text>
				</view>
				<view class="dsf jcc alc flex-row pt20 star_five">
					<u-rate activeColor="#2979ff" gutter="32" inactiveColor="#b2b2b2" size="26"
						v-model="driverComment.star"></u-rate>
				</view>
				<view class="dsf flex-row flex-wrap pl30 pr30 driver-label mt24">
					<view
						:class="['w190','h50','dsf','alc','jcc','bdra24','bde7','mb24','my-mr30rpx',item.sel?'bd2270FC':'',!item.sel?'bde7':'',(index+1)%3==0?'driver-label3':'']"
						v-for="(item,index) in driver_label_arr" :key="title">
						<text
							:class="['fz28','col333',item.sel?'col2270FC':'',!item.sel?'col333':'']">{{item.title}}</text>
					</view>
				</view>
				<view class="pt24 pl24 pr24 pb24 h320 bsbox">
					<textarea class="bgf2 pl24 pr24 pt24 pb24 fz32 col333" maxlength="-1" :placeholder="$root.m2"
						style="width:645rpx;height:272rpx;" v-model="driverComment.content"></textarea>
				</view>
				<view class="pl24 pr24" v-if="have_evaluate==0">
					<view class="h80 bdra10 bg2270FC dsf alc jcc">
						<text class="fz32 colfff">{{$root.m3}}</text>
					</view>
				</view>
			</view>
		</view>
	</view>

</template>

<script>
	export default {
		data() {
			return {
				star_arr: [1, 2, 3, 4, 5],
				driverComment: {
					star: 0,
					label: [],
					content: ""
				},
				driver_label_arr: [{
					title: this.$t("态度好"),
					sel: !1
				}, {
					title: this.$t("收费合理"),
					sel: !1
				}, {
					title: this.$t("帮搬货"),
					sel: !1
				}, {
					title: this.$t("很准时"),
					sel: !1
				}, {
					title: this.$t("很熟路"),
					sel: !1
				}],
				driverid: 0,
				orderid: 0,
				have_evaluate: 0
			}
		},
		onLoad() {

		},
		onShow() {

		},

		methods: {

		}
	}
</script>

<style scoped lang="scss">

</style>